import React from 'react'
import {useNavigate} from 'react-router-dom';

export default function AppHome() {
  let Navigate=useNavigate();
  return (
    <div style={{
      // 背景图片
      backgroundImage: `url("./首页背景.png")`,
      backgroundSize: "100% 100%",
      width: "100vw",
      height: "100vh",
      textAlign: "center",
    }}>
      <div style={{
        position: "absolute",
        left: "50%",
        top: "80%",
        transform: "translate(-50%,-50%)",
        fontSize: "20px",
        color: "white",}}>
        <button 
          style={{
            width:'30vw',
            height:'5vh',
            borderRadius: '50px',
            border:'none',
            fontSize:'14px',
            color:'rgb(82,182,252)',
            backgroundColor:'rgb(255,255,255,0.9)',
          }}
          onClick={()=>{
            Navigate('/Login');
          }}
        >
          登录平台</button>
        <br/>
        <br/>
        {/* 跳转首页 */}
        <span onClick={()=>Navigate('/Lwl_Home')}>随便逛逛</span>
      </div>
    </div>
  )
}
